<!DOCTYPE html>
<html lang="zh-CN">
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<title></title>
<script src="../js/jquery-3.5.1.min.js"></script>
<link href="../layui-v2.6.4/layui/css/layui.css" rel="stylesheet" type="text/css"/>
<link href="../layui-v2.6.4/layui/css/modules/code.css" rel="stylesheet" type="text/css"/>
<script charset="utf-8" src="../layui-v2.6.4/layui/layui.js" type="text/javascript"></script>
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=hPuA9MGHxpzS3vE5MiZu0y9EAMB0Cg07"
        type="text/javascript"></script>
<script type="text/javascript">
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</head>
<body>
<div class="layui-col-md-offset5" id="container" style="text-align: center;width:200px;">
    <h2 align="center">经纬度</h2>
    <input class="layui-input" disabled="disabled" id="jing" name="jing" style="text-align: center;" th:value="${jing}"
           type="text"/>
    <input class="layui-input" disabled="disabled" id="wei" name="wei" style="text-align: center;" th:value="${wei}"
           type="text"/>
    <input class="layui-input" disabled="disabled" id="info" name="info" style="text-align: center;" th:value="${info}"
           type="text"/>
    <a class="layui-btn layui-btn-sm layui-btn-normal" id="addJW" target="ff">点击获取位置</a>
</div>
<script type="text/javascript">
    layui.use(['layer', 'table', "laypage", "jquery"], function () {
        var
            layer = layui.layer //弹层
            ,
            table = layui.table //表格
            ,
            laypage = layui.laypage //分页
            ,
            $ = layui.jquery
        $('#addJW').on("click", function () {
            layer.open({
                type: 2,
                area: ['700px', '450px'],
                fixed: false, //不固定
                maxmin: true,
                content: '/getJWmap'
            });
        });
    });
</script>
</body>
</html>
